<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
	<title>Project five</title>
	
	<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
			<script src="scripts/scripts.js" language="javascript"></script>
	
	
	</head>
 

<body onload="javascript:visitStar1()">
<header><h1>Stars</h1></header>
<nav id="botum">
<a href="sun.html">Sun</a>
<a href="topic-1.html"> Alpha Centauri Star </a>
<a href="topic-2.html">Barnard’s star </a>
<a href="topic-3.html">Wolf 359 Star </a>
<a id="quiz" href="assessment.html">Quiz</a>
</nav>
<section id="main-content">
<h2>Sun</h2>
<img src= "images/glowing-sun.jpg"alt="Sun" title="Glowing Sun" >
<img src="images/earth with rising sun.jpg" alt="Sun" title="Eart with rising Sun">
<figcaption>Glowing Sun</figcaption><figcaption>Earth with rising Sun</figcaption><br>

   <h3>Information about Sun</h3>
<p>Sun is the nearest star to earth and the central star of solar system.<br> Sun is the source of energy for most of the planets.<br> 
</p>
</body>
<hr>
<footer> <strong>References</strong><br/>
						<a href="http://googleimages.com">google images</a><br/>
					<a href="http://wikipedia.org">Wikipedia</a><br/>
                    <a href="http://about.com">about</a><br/>

</section>
</body>
</html>